<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<ui:component>
<script type="text/javascript">
    
</script>
    <body>
            <rich:calendar value="#{value}"
                           locale="#{locale}"
                           popup="#{popup}"
                           datePattern="#{datePattern}"
                           showApplyButton="#{showApplyButton}"
                           cellWidth="24px"
                           cellHeight="22px"
                           style="width:200px">
<f:facet name="header">
      <h:panelGrid columns="5" width="100%">
               <h:outputText value="{previousYearControl}" style="font-weight:bold;"/>

               <h:outputText value="{previousMonthControl}" style="font-weight:bold;"/>

               <h:outputText value="{currentMonthControl}" style="font-weight:bold;text-align:center;"/>

               <h:outputText value="{nextMonthControl}" style="font-weight:bold;"/>

               <h:outputText value="{nextYearControl}" style="font-weight:bold;"/>
    </h:panelGrid>
</f:facet>

<f:facet name="weekDay">

        <h:panelGroup style="width:20px; overflow:hidden;" layout="block">

            <h:outputText value="{weekDayLabelShort}"/>

        </h:panelGroup>

</f:facet>
<f:facet name="footer">
    <h:outputText value="{selectedDateControl}"/>
</f:facet>

    <h:outputText value="{day}"></h:outputText>

 </rich:calendar>


    </body>
</ui:component>
</html>